<!--知性女性代码.html-->
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>知性女性</title>
        <link type="text/css" rel="stylesheet" href="zhixing2.css">
    </head>
    <body>
        <div id="div0">
            <div id="div1">
                <div id="head">
                    <div id="left">
                        <a href="#">2011瑞丽造型大赏</a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">手机看瑞丽</a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#"><span>瑞丽电子杂志</span></a>
                    </div>
                    <div id="right">
                        <a href="#">设为首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">网站地图</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                    <div id="bimg">
                        <img src="./要用的图片/logo.jpg">
                        <div id="t1">
                            <a href="#">艾诗缇超值体验优惠中</a><br>
                            <a href="#">雅诗兰黛全新密集焕白</a><br>
                            <a href="#">温水秀发润泽凝驻</a><br>
                            <a href="#">玩游戏赢欧莱雅正品</a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="div2">
                <div id="nav1">
                    <ul id="ul1">
                        <li><a href="">服饰</a></li>
                        <li><a href="">美容</a></li>
                        <li><a href="">家居</a></li>
                    </ul>
                    <ul id="ul2">
                        <li><a href="">奢华</a></li>
                        <li><a href="">生活</a></li>
                        <li><a href="">新娘</a></li>
                        <li><a href="">星座</a></li>
                        <li><a href="">模特</a></li>
                        <li><a href="">男人</a></li>
                        <li><a href="">情感</a></li>
                        <li><a href="">图片</a></li>
                        <li><a href="">视频</a></li>
                        <li><a href="">专题</a></li>
                        <li><a href="">论坛</a></li>
                        <li><a href="">博客</a></li>
                        <li><a href="">测试</a></li>
                        <li><a href="">化妆品库</a></li>
                        <li><a href="">微博</a></li>
                    </ul>
                </div>
            </div>
            <div id="div3">
                <div id="body">
                    <div id="body1">
                        <div id="box1">
                            <div id="imgBox1">
                                <img id="img1" src="./要用的图片/1.jpg" alt=""></a></li>
                                <img id="img2" src="./要用的图片/2.jpg" alt=""></a></li>
                                <img id="img3" src="./要用的图片/3.jpg" alt=""></a></li>
                                <img id="img4" src="./要用的图片/4.jpg" alt=""></a></li>
                                <img id="img5" src="./要用的图片/5.jpg" alt=""></a></li>
                                <img id="img6" src="./要用的图片/6.jpg" alt=""></a></li>
                                <img id="img7" src="./要用的图片/7.jpg" alt=""></a></li>
                                <img id="img8" src="./要用的图片/8.jpg" alt=""></a></li>
                            </div>
                            <div id="n2">
                                <ul id="xv1">
                                    <li class="on" onclick="change('#box1',0,titles2)"><a>1</a></li>
                                    <li onclick="change('#box1',1,titles)"><a>2</a></li>
                                    <li onclick="change('#box1',2,titles)"><a>3</a></li>
                                    <li onclick="change('#box1',3,titles)"><a>4</a></li>
                                    <li onclick="change('#box1',4,titles)"><a>5</a></li>
                                    <li onclick="change('#box1',5,titles)"><a>6</a></li>
                                    <li onclick="change('#box1',6,titles)"><a>7</a></li>
                                    <li onclick="change('#box1',7,titles)"><a>8</a></li>
                                </ul>
                            </div>
                            <div class="lb">粉嫩季节！跟模特学穿果冻色</div>
                            <div id="buttonn">
                                <div id="tabb">
                                    <div class="list1">
                                        <input type="button"value="排行TOP">
                                        <input id="cli1" type="button"value="服饰" title="服饰" onmouseover="clickbtn1();">
                                        <input id="cli2" type="button"value="美容" title="美容" onmouseover="clickbtn2();">
                                        <input id="cli3"type="button"value="家居" title="家居" onmouseover="clickbtn3();">
                                        <input id="cli4"type="button"value="星座" title="星座" onmouseover="clickbtn4();">
                                        <input id="cli5"type="button"value="测试"  title="测试"onmouseover="clickbtn5();">
                                        </ul>
                                    </div>
                                    <div id="listCon1">
                                        <div id="showw1">
                                            <ul id="ulul">
                                                <li>01&nbsp;&nbsp;《裁缝》女星华丽裙装集锦</li>
                                                <li>02&nbsp;&nbsp;范玮琪第一夫人彩条裙</li>
                                                <li>03&nbsp;&nbsp;何洁牵手释小龙甜美搭惹人爱</li>
                                                <li>04&nbsp;&nbsp;30款名媛亲熟装打造气场衣橱</li>
                                                <li>05&nbsp;&nbsp;“心计”美人林心如穿衣经</li>
                                                <li>06&nbsp;&nbsp;牛仔加点“红”今季最流行</li>
                                                <li>07&nbsp;&nbsp;彩色镂空装！跟紧时代潮流</li>
                                                <li>08&nbsp;&nbsp;17个简约chic装搭出清新格调</li>
                                                <li>09&nbsp;&nbsp;Dior新设计总监人选尘埃落定</li>
                                                <li>10&nbsp;&nbsp;亮色衣实搭攻略置身春夏之季</li>
                                            </ul> 
                                        </div>
                                        <div id="showw2">
                                            <ul id="ulul">
                                                <li>01&nbsp;&nbsp;瑞丽网美容频道改版有奖调查</li>
                                                <li>02&nbsp;&nbsp;美白pk 小s对话林志玲</li>
                                                <li>03&nbsp;&nbsp;文青至爱 小清新护肤品</li>
                                                <li>04&nbsp;&nbsp;香水香气热搜榜 让生活升级</li>
                                                <li>05&nbsp;&nbsp;探究性格 找到专属香氛标签</li>
                                                <li>06&nbsp;&nbsp;明星最失败妆容 惨不忍睹</li>
                                                <li>07&nbsp;&nbsp;学8款最穷剧集女主角发型</li>
                                                <li>08&nbsp;&nbsp;新生代美女杨幂 时尚妆解构</li>
                                                <li>09&nbsp;&nbsp;《回家的诱惑》秋瓷炫发型</li>
                                                <li>10&nbsp;&nbsp;绝美美甲 比拼视觉冲击力</li>
                                            </ul> 
                                        </div>
                                        <div  id="showw3">
                                            <ul id="ulul">
                                                <li>01&nbsp;&nbsp;Christofle流线型家居艺术</li>
                                                <li>02&nbsp;&nbsp;自然元素壁纸会呼吸</li>
                                                <li>03&nbsp;&nbsp;初春家具糖果色来袭</li>
                                                <li>04&nbsp;&nbsp;条纹控！Diy初春给力装饰</li>
                                                <li>05&nbsp;&nbsp;给力柔美风 7款田园美餐厅</li>
                                                <li>06&nbsp;&nbsp;撞色小空间越缤纷越出彩</li>
                                                <li>07&nbsp;&nbsp;窗帘保养要看材质和款式</li>
                                                <li>08&nbsp;&nbsp;“字母”大热百变饰家都精彩</li>
                                                <li>09&nbsp;&nbsp;早春选一款最精致窗帘</li>
                                                <li>10&nbsp;&nbsp;威廉王子大婚甜蜜家饰走红</li>
                                            </ul> 
                                        </div>
                                        <div  id="showw4"> 
                                            <ul id="ulul">
                                                <li>01&nbsp;&nbsp;十二星座变脸排行榜</li>
                                                <li>02&nbsp;&nbsp;12星男对女人的想法</li>
                                                <li>03&nbsp;&nbsp;12星座结婚的目的</li>
                                                <li>04&nbsp;&nbsp;会回去找前女友的男人</li>
                                                <li>05&nbsp;&nbsp;侯佩岑的婚期比大s的好吗？</li>
                                                <li>06&nbsp;&nbsp;12星座5月运势早知道</li>
                                                <li>07&nbsp;&nbsp;猫石对话周运（4.18-4.24）</li>
                                                <li>08&nbsp;&nbsp;琼女郎和黄志忠为何离婚？</li>
                                                <li>09&nbsp;&nbsp;谁是最值得嫁的好老公？</li>
                                                <li>10&nbsp;&nbsp;从梦境到内心最孤寂的八种人</li>
                                            </ul> 
                                        </div>
                                        <div  id="showw5">
                                            <ul id="ulul">
                                                <li>01&nbsp;&nbsp;未来一个月你的运势多少分？</li>
                                                <li>02&nbsp;&nbsp;素颜时你的外貌有多美？</li>
                                                <li>03&nbsp;&nbsp;单身的你最缺少什么特质？</li>
                                                <li>04&nbsp;&nbsp;婚后的你是哪种生活方式？</li>
                                                <li>05&nbsp;&nbsp;婚后会使你身价大跌吗？</li>
                                                <li>06&nbsp;&nbsp;你是他眼中的西施吗？</li>
                                                <li>07&nbsp;&nbsp;你有被暗恋的潜质吗？</li>
                                                <li>08&nbsp;&nbsp;你知道男人的出轨率吗？</li>
                                                <li>09&nbsp;&nbsp;你会错误的心动吗？</li>
                                                <li>10&nbsp;&nbsp;你的道德水平是什么样？</li>
                                            </ul> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="b"> 
                            <div id="head1">
                                <p id="left1" class="date">July&nbsp;23,2022</p>
                                <p id="right1">快讯:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8个步骤调整代谢焕新颜</p>
                            </div>
                            <div id="text1">
                                <h2><a href="#">美白双PK 知性小S对话林志玲</a></h2>
                                <br>
                                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一个是身材苗条的“美白大帝”小S，一个是完美温柔的“美白女神”林志玲。
                                    当小S遇到林志玲，会碰撞出怎样的火花......</p>
                            </div>
                            <br>
                            <div id="text2">
                                <h2><a href="#">长谷川润靓装登台 点亮神户时尚盛宴</a></h2>
                                <br>
                                <p>&nbsp;&nbsp;&nbsp;&nbsp;2011神户时尚潮流盛宴如期而至，瑞丽专属模特与日本当红名模们靓装登台。
                                    长谷川润更是此次盛宴上最亮眼的T台风景......
                                </p>
                            </div>
                            <br>
                            <div id="text3">
                                <p>顶级花装！日本美女超强示范&nbsp;&nbsp;
                                    美容新节奏 8招必学按摩法
                                </p>
                                <p>谢霆锋刘嘉玲金像奖称帝封后&nbsp;&nbsp;
                                    游巴厘岛 侯佩岑浪漫完婚地
                                </p>
                                <p>魔力条纹 让青居更具活力&nbsp;&nbsp;&nbsp;
                                    范范黑人预支蜜月浪漫美国行
                                </p>
                                <p>杨幂蓝燕斜肩群穿出女神感&nbsp;&nbsp;&nbsp;
                                    “愤怒的小鸟”主题婚礼
                                </p>
                                <p>谁是最值得嫁的星座的好老公？&nbsp;
                                    精油唤醒身体肌肤活力
                                </p>
                                <p>阳光下体验美白 享受美丽&nbsp;&nbsp;&nbsp;&nbsp;
                                    小S林志玲美白防晒大PK
                                </p>
                            </div>
                            <div id="text4">
                                <p>寻找美白护神赢正品 SKII点亮环彩之白&nbsp;&nbsp;&nbsp;&nbsp;
                                    渴水秀发润泽凝驻
                                </p>
                                <p>净透肤质 健康亮白 悠莱彩妆，新罐登场&nbsp;&nbsp;&nbsp;&nbsp;
                                    铂金婚戒挑选红宝书
                                </p>
                            </div>
                            <br>
                            <hr>
                            <br>
                            <div id="text5">
                                <p>如何找到适合自己的“精准”美白法呢？《追踪2011美白趋势“黄”皮精准“告白”》即将上线为你支招！</p>
                            </div>
                            <br>
                            <div id="text6">
                                <img src="./要用的图片/zhuanti.jpg">
                                <h4><a href="#">名媛衣橱解密！偷学气场搭衣</a></h4>
                                <p1>本期特别为你聚集风格独具的神秘名媛悉数名门美女的穿衣道......</p1>
                                <p2>精油唤醒身体肌肤活力<br>
                                破解收纳难题还你洁净空间<br>
                                威廉王子婚礼大猜想<br>
                                星座爱情诊所与小三斗争到底
                            </p2>
                            </div>
                        </div>
                        <div id="c">
                            <div id="top">
                                <input type="text" value="瑞丽电子杂志">
                                <input type="submit" value="提交">
                            </div>
                            <div id="middle">
                                <span>最新活动</span>
                                <img src="./要用的图片/20110401023452210x60.jpg">
                                <p  id="pp1"align="center"><a href="#">秀出来的资生堂美白女王就是你</a></p>
                                <p  id="pp2"align="center"><a href="#">许下美白心愿赢思魅欧珀莱雅正品</a><br><br>
                                <a href="#">欧米茄Ladymatic女性腕表系列</a><br><br>
                                <a href="#">爱慕最新礼服式泳衣周周送啦！</a></p>
                            </div>
                            <div id="button">
                                <div id="tab">
                                    <div class="list">
                                        <ul>
                                            <li class="act">新刊早报</li>
                                            <li>市场调查</li>
                                            <li>阳光基金</li>
                                        </ul>
                                    </div>
                                    <div id="listCon">
                                        <div class="act">
                                            <img src="./要用的图片/20110418104753s.jpg">
                                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《瑞丽时尚先锋》</p>
                                            <p>瑞丽时尚先锋4月5日全新上市</p>
                                        </div>
                                        <div class="">
                                            <img src="./要用的图片/20110330202924ss.jpg">
                                            <p>&nbsp;&nbsp;&nbsp;&nbsp;《时尚先锋》有奖调查</p>
                                            <p>只要认真填写问卷，就有机会获得精美礼品</p>
                                        </div>
                                        <div class="">
                                            <img src="./要用的图片/201101061405491.jpg">
                                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;瑞丽阳光基金</p>
                                            <p>瑞丽阳光基金“对话希望”公益图片展成功举行......</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="kongbai"></div>
                    <div id="nav2">
                        <img src="./要用的图片/model.jpg" alt="" id="mdimg">
                        <ul id="ul3">
                            <li><a href="">潮流播报</a></li>
                            <li><a href="">瑞丽培训</a></li>
                            <li><a href="">模特经纪</a></li>
                            <li><a href="">视频专区</a></li>
                            <li><a href="">赛事直击</a></li>
                            <li><a href="">我要做模特</a></li>
                        </ul>
                    </div>
                    <div id="body2">
                        <div id="left2">
                            <div id="box2">
                                <div id="imgBox2">
                                    <img src="./要用的图片/model (2).jpg" alt="" id="mdimg2">
                                    <img src="./要用的图片/model(3).jpg"id="mdimg3">
                                </div>
                                <div id="n1">
                                    <ul id="xv">
                                        <li name="xv2" class="on" onclick="change('#box2',0,titles1)"><a>1</a></li>
                                        <li name="xv2" onclick="change('#box2',1,titles1)"><a>2</a></li>
                                    </ul>  
                                </div>
                                <div id="lb1"><a>主题曲MV外景拍摄花絮</a></div>
                            </div>
                            <div id="mdclass">
                                <p id="mdt1">模特课堂</p>
                                <img src="./要用的图片/mdclass.jpg" alt="" id="mdclassimg">
                                <p>5月18日平面模特报名</p>
                                <p>你是否对外形缺乏自信？是否也想打造瑞模般的妆容……</p><br>
                                <p>瑞丽培训舞动人生</p>
                                <p>瑞丽培训为梦想插上翅膀</p>
                                <p>5月18日模特班报名</p>
                            </div>
                        </div>
                        <div id="right2">
                            <div id="top1">
                                <div id="tp1">
                                    <div id="l1">
                                        <h3>瑞丽封面模特大赛即将开赛!</h3>
                                        <p>期盼已久的瑞丽第9届模特大赛即将火热开赛！瑞丽专属模特为你传授比赛过程中的成功经验，赶快来看看吧……</p>
                                    </div>
                                    <div id="r1">
                                        <img src="./要用的图片/baoming.jpg" alt="" id="baoming">
                                    </div>
                                </div>
                                <div id="tp2">
                                    <div id="l2">
                                        <h5>模特出镜</h5>
                                        <img src="./要用的图片/l2.jpg" alt="">
                                        <h4>瑞丽模特春夏潮搭秀</h4>
                                        <p>AVUKI、康乐等瑞丽模特演绎春夏时尚造型……</p>
                                        <p>Ayuli助时尚品牌新店剪彩</p>
                                        <p>张予曦演绎主题MV乖巧造型</p>
                                        <p>MV录影Ayuki展现甜美舞风</p>
                                    </div>
                                    <div id="r2">
                                        <h5>瑞丽之星</h5>
                                        <img src="./要用的图片/r2.jpg" alt="">
                                        <h4>4月预赛30强选手大公开</h4>
                                        <p>4月预赛30强选手大公开，请为她们投票吧……</p>
                                        <p>水蜜桃女孩子玩转快乐时尚</p>
                                        <p>清新美女soski的美瞳秀</p>
                                        <p>麻豆小静最爱时尚潮搭</p>
                                    </div>
                                </div>
                            </div>
                            <div id="bottom">
                                <h4>T台秀场</h4>
                                <p>作为现代中国时尚之全球大使，上海滩以一场星光熠熠的时装秀铭刻其崭新系列的发布……</p>
                                <marquee behavior="" direction="" onmouseover="this.stop()" onmouseout="this.start()">
                                    <img src="./要用的图片/T1.jpg" alt="">
                                    <img src="./要用的图片/T2.jpg" alt="">
                                    <img src="./要用的图片/T3.jpg" alt="">
                                    <img src="./要用的图片/T4.jpg" alt="">
                                    <img src="./要用的图片/T5.jpg" alt="">
                                    <img src="./要用的图片/T6.jpg" alt="">
                                </marquee>
                            </div>
                        </div>
                    </div>
                    <div id="nav3">
                        <img src="./要用的图片/magazine.jpg" alt="" id="mgimg">
                        <ul id="ul4">
                            <li><a href="">《瑞丽服饰美容》</a></li>
                            <li><a href="">《瑞丽伊人风尚》</a></li>
                            <li><a href="">《瑞丽时尚先锋》</a></li>
                            <li><a href="">《瑞丽家居设计》</a></li>
                            <li><a href="">《男人风尚》</a></li>
                        </ul>
                    </div>
                    <div id="body3">
                        <div id="mg1">
                            <img src="./要用的图片/mg1.jpg" alt="">
                            <div id="shangshi1">
                                <p>每月19号上市</p>
                            </div>
                        </div>
                        <div id="mg2">
                            <img src="./要用的图片/mg2.jpg" alt="">
                            <div id="shangshi2">
                                <p>每月25号上市</p>
                            </div>
                        </div>
                        <div id="mg3">
                            <img src="./要用的图片/mg3.jpg" alt="">
                            <div id="shangshi3">
                                <p>每月16号上市</p>
                            </div>
                        </div>
                        <div id="mg4">
                            <img src="./要用的图片/mg4.jpg" alt="">
                            <div id="shangshi4">
                                <p>每月16号上市</p>
                            </div>
                        </div>
                        <div id="mg5">
                            <img src="./要用的图片/mg5.jpg" alt="">
                            <div id="shangshi5">
                                <p>每月28号上市</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="div4">
                   <table>
                    <tr id="tr1">
                        <td>服&nbsp;饰</td>
                        <td>美&nbsp;容</td>
                        <td>家&nbsp;居</td>
                        <td>模&nbsp;特</td>
                        <td>格&nbsp;调</td>
                        <td>美&nbsp;体</td>
                        <td>健&nbsp;康</td>
                        <td>星&nbsp;座</td>
                        <td>情&nbsp;感</td>
                    </tr>
                    <tr id="tr2">
                        <td><a href="#">搭配课堂</a></td>
                        <td><a href="#">护肤锦囊</a></td>
                        <td><a href="#">家居设计</a></td>
                        <td><a href="#">瑞模出镜</a></td>
                        <td><a href="#">城事</a></td>
                        <td><a href="#">减肥瘦身</a></td>
                        <td><a href="#">美丽人生</a></td>
                        <td><a href="#">星美人时尚</a></td>
                        <td><a href="#">纯真年代</a></td>
                    </tr>
                    <tr id="tr2">
                        <td><a href="#">潮流单品</a></td>
                        <td><a href="#">魅力彩妆</a></td>
                        <td><a href="#">家饰生活</a></td>
                        <td><a href="#">国际名模</a></td>
                        <td><a href="#">悦读</a></td>
                        <td><a href="#">优雅曲线</a></td>
                        <td><a href="#">关爱女性</a></td>
                        <td><a href="#">女人小测算</a></td>
                        <td><a href="#">倾城之恋</a></td>
                    </tr>
                    <tr id="tr2">
                        <td><a href="#">模特榜样</a></td>
                        <td><a href="#">靓发攻略</a></td>
                        <td><a href="#">装修手册</a></td>
                        <td><a href="#">风尚男模</a></td>
                        <td><a href="#">运动</a></td>
                        <td><a href="#">享瘦美食</a></td>
                        <td><a href="#">心灵鸡汤</a></td>
                        <td><a href="#">星梦奇缘</a></td>
                        <td><a href="#">女人心情</a></td>
                    </tr>
                    <tr id="tr2">
                        <td><a href="#">明星风尚</a></td>
                        <td><a href="#">香氛物语</a></td>
                        <td><a href="#">乐居方式</a></td>
                        <td><a href="#">魅力女模</a></td>
                        <td><a href="#">优雅课堂</a></td>
                        <td><a href="#">健身时间</a></td>
                        <td><a href="#">吃出健康</a></td>
                        <td><a href="#">魔法开运</a></td>
                        <td><a href="#">恋爱宝典</a></td>
                    </tr>
                    <tr id="tr2">
                        <td><a href="#">高街流行</a></td>
                        <td><a href="#">美体物语</a></td>
                        <td><a href="#">建材宝典</a></td>
                        <td><a href="#">T台走秀</a></td>
                        <td><a href="#">恋物</a></td>
                        <td><a href="#">塑身有道</a></td>
                        <td><a href="#">我爱的他</a></td>
                        <td><a href="#">明星密码</a></td>
                        <td><a href="#">婚姻物语</a></td>
                    </tr>
                    <tr id="tr2">
                        <td><a href="#">时尚咨讯</a></td>
                        <td><a href="#">明星扮靓</a></td>
                        <td><a href="#">设计师在线</a></td>
                        <td><a href="#">瑞丽之星</a></td>
                        <td><a href="#">爱车</a></td>
                        <td><a href="#">明星榜样</a></td>
                        <td><a href="#">健康地带</a></td>
                        <td><a href="#">粉面桃花</a></td>
                        <td><a href="#">office恋情</a></td>
                    </tr>
                   </table>
                   <br>
                   <br>
                   <div id="footer">
                    <p>广告服务&nbsp;&nbsp;|&nbsp;&nbsp;联系我们&nbsp;&nbsp;|&nbsp;&nbsp;法律声明&nbsp;&nbsp;|&nbsp;&nbsp;
                        瑞丽招聘&nbsp;&nbsp;|&nbsp;&nbsp;关于瑞丽&nbsp;&nbsp;|&nbsp;&nbsp;网站地图&nbsp;&nbsp;|&nbsp;&nbsp;RSS
                        &nbsp;&nbsp;|&nbsp;&nbsp;设为首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                         <form>
                            <select name="合作伙伴" size="1">
                            <option value="a">--合作伙伴--</option>
                            </select>
                        </form>
                    </p>
                    <br>
                    <p>
                        <a href="#">京ICP证010512号</a>&nbsp;&nbsp;&copy;2001-2011&nbsp;&nbsp;Rayli.com All Right Reserved
                        &nbsp;&nbsp;电信业务审批[2001]字第651号
                    </p>
                    <br>
                    <p>版权所有&nbsp;&nbsp;不得转载</p>
                   </div>
            </div>
        </div>
        <script>
            function $(id){
                return document.getElementById(id);
            }
            //时间
            function getTime() {
                    var date = new Date();
                    var year = date.getFullYear(); //获取年份
                    var monthList = ["January","February","March","April","May","June","July","August","September","October","November","December"];
                     //获取月份
                    var month=monthList[date.getMonth()]
                    var day = date.getDate(); //获取日期
                    var hour = date.getHours(); //获取小时
                    hour = hour < 10 ? '0' + hour : hour;
                    var minute = date.getMinutes(); // 获取分
                    minute = minute < 10 ? '0' + minute : minute;
                    var seconds = date.getSeconds(); //获取秒
                    seconds = seconds < 10 ? '0' + seconds : seconds;
                    return month + ' ' + day + ','+year+" "+hour + ':' + minute + ':' + seconds;
                }
         
                setInterval(function() {
                    document.querySelector('.date').innerHTML = getTime();
                }, 100)

            function clickbtn1(){
                document.getElementById('showw1').style.display='block';
                document.getElementById('showw2').style.display='none';
                document.getElementById('showw3').style.display='none';
                document.getElementById('showw4').style.display='none';
                document.getElementById('showw5').style.display='none';
            }
            function clickbtn2(){
                document.getElementById('showw1').style.display='none';
                document.getElementById('showw2').style.display='block';
                document.getElementById('showw3').style.display='none';
                document.getElementById('showw4').style.display='none';
                document.getElementById('showw5').style.display='none';
            }
            function clickbtn3(){
                document.getElementById('showw1').style.display='none';
                document.getElementById('showw2').style.display='none';
                document.getElementById('showw3').style.display='block';
                document.getElementById('showw4').style.display='none';
                document.getElementById('showw5').style.display='none';
            }
            function clickbtn4(){
                document.getElementById('showw1').style.display='none';
                document.getElementById('showw2').style.display='none';
                document.getElementById('showw3').style.display='none';
                document.getElementById('showw4').style.display='block';
                document.getElementById('showw5').style.display='none';
            }
            function clickbtn5(){
                document.getElementById('showw1').style.display='none';
                document.getElementById('showw2').style.display='none';
                document.getElementById('showw3').style.display='none';
                document.getElementById('showw4').style.display='none';
                document.getElementById('showw5').style.display='block';
            }
            var index=0;
            function change(div_id,index,titles){
                var images=document.querySelectorAll(div_id+" img");
                var li=document.querySelectorAll(div_id+" li");
                var title=titles[index];
                document.querySelectorAll(div_id+" div")[2].innerText=title;//
                for(var i=0;i<images.length;i++){
                    if(i==index){
                        li[i].className="on";
                        li[i].style.background="#75141b";
                        images[i].style.height="100%";
                        images[i].style.width="100%";
                        images[i].style.opacity="1";
                    }else{
                        li[i].style.background="#55585a";
                        images[i].style.height="50%";
                        images[i].style.width="50%";
                        images[i].style.opacity="0";
                        li[i].className="";
                    }
                }
            }
            
            var titles=["粉嫩季节！跟模特学穿果冻色","欧米茄Ladymatic女性腕表系列","调出花香身体 舒展身体放松精神","H&M 完美演绎纯白初夏","局部花案点睛 让卫浴空间更有趣味","雅诗兰黛全新密集焕白系列","威廉王子结婚大猜想","秀出来资生堂女王就是你"];
            var timer=setInterval(function(){
                var next=document.querySelector("#xv1>.on a").innerHTML
                if(next>7){
                    next=0
                }
                change('#box1',next,titles);
            },1000)
            //初始化
            change('#box1',0,titles);
            //鼠标悬停停止播放
            $("box1").onmouseover=function(){
                clearInterval(timer);
            }
            //鼠标移开重新开始播放
            $("box1").onmouseout=function(){
                timer=setInterval(function(){
                var next=document.querySelector("#xv1>.on a").innerHTML;//获取序号
                if(next==8){
                    next=0;
                }
                change('#box1',next,titles);
                },2000)
            }
            window.onload=function() {
                change('#box1',0,titles);
            }
            
            //lunbo2
            var titles1=["主题曲MV外景拍摄花絮","让皮肤环采透亮的小秘诀"]
            window.onload=function() {
                change('#box2',0,titles1);
            }
            
            var timer1 = setInterval(function () {
                    var next=document.querySelector("#xv>.on a").innerHTML;//
                    if(next>1){
                        next=0;
                    }
                    change('#box2',next,titles1);
                 },2000)//每1秒执行一次
            //初始化
            change('#box2',0,titles1);
            //鼠标悬停停止播放
            $("box2").onmouseover=function(){
                clearInterval(timer1);
            }
            //鼠标移开重新开始播放
            $("box2").onmouseout=function(){
                timer1=setInterval(function(){
                var next=document.querySelector("#xv>.on a").innerHTML;//获取序号
                if(next==2){
                    next=0;
                }
                change('#box2',next,titles1);
                },2000)
            }
            window.onload=function() {
                change('#box1',0,titles);
                change('#box2',0,titles1);
                //tab内容变化
                var oDiv = document.getElementById("tab");
                var lis = oDiv.getElementsByTagName("li");
                var oDivCon = document.getElementById("listCon");
                var lisDiv = oDivCon.getElementsByTagName("div");			
                for(var i=0;i<lis.length;i++){
                    lis[i].index = i;
                    lis[i].onmouseover = function(){
                        show(this.index);
                    }
                }
                function show(a){
                    for(var j=0;j<lis.length;j++){
                        lis[j].className = "";
                        lisDiv[j].className = "";					
                    }
                    lis[a].className = "act";
                    lisDiv[a].className = "act";
                }
            }
        </script>
    </body>
</html>